

#tmp_canvas {
	position: absolute;
	left: 0px; right: 100%;
	top: 0px;
	cursor: crosshair;
}


.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a),
		to(#f47a20) );
	background: -moz-linear-gradient(top, #faa51a, #f47a20);
	filter: progid : DXImageTransform . Microsoft .
		gradient(startColorstr = '#faa51a', endColorstr = '#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11),
		to(#f06015) );
	background: -moz-linear-gradient(top, #f88e11, #f06015);
	filter: progid : DXImageTransform . Microsoft .
		gradient(startColorstr = '#f88e11', endColorstr = '#f06015');
}

.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20),
		to(#faa51a) );
	background: -moz-linear-gradient(top, #f47a20, #faa51a);
	filter: progid : DXImageTransform . Microsoft .
		gradient(startColorstr = '#f47a20', endColorstr = '#faa51a');
}
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */ 
	/*display: inline;*/
  display:table-cell;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}


#mesWindow{

    z-index:8;

    -webkit-border-radius: .5em;
    -moz-border-radius:.5em;
    border-radius:.5em;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    background:#fff;
    border-radius: .5em;

    width: 80%;
    position: absolute;
    left: 10%;
    top: 30%;
}

#mesWindowTop{
    background-color: rgba(147, 152, 168, 0.20);
    border-bottom:#eee 1px solid;
    margin-left:4px;
    padding:3px;
    font-weight:bold;
    text-align:center;
    font-size:12px;
}

#mesWindowContent{
    background-color: rgba(147, 152, 168, 0.20);
    border-bottom: #d6d6d6 1px solid;
    text-align:center;
    font-size:12px;
    padding: 60px 20px 60px 20px
}

#mesWindow input{
    text-align:center;
    font-size:13px;
}

#mesWindowBottom{
    background-color: rgba(147, 152, 168, 0.20);
    text-align: center;
    padding: 10px 10px 10px 10px
}
#single_anysignCanvas{
	background: url(../image/back.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
	opacity: 0.9;
}
#single_signTitle{
	color: #000;	
	text-align: center;
	position: absolute;
}

#comment_canvas{
	background: url(../image/chaolu.png);
	background-repeat: no-repeat;
	position: absolute;
}
#signTitle{
	color: #E5E5E5;	
	text-align: center;
	position: absolute;
}
.single_tmpcanvascss{
	border:1px solid  #f39800e6;
	/* background: #fff; */
	margin-top: 12px;
}

.button_new{   
	width: 21.5%;
	height: 44px;
	background: #fff;
	text-align: center;
	line-height: 44px;
	display: inline;
	float: left;
	font-size: 18px;
	text-decoration: none;
	color: #F39800;
	border-radius: 22px;
	border: 1px solid #F39800;
}

.bg_new {
	color: #fff;
	background-image: linear-gradient(270deg, #F39800 0%, #FFAC00 100%);
}

.button_three {
	width: 29.3%;
}

.button_four {
	width: 21.5%;
}
.single_tmpcanvascss{
	border:1px solid  #f39800e6;
	/* background: #fff; */
	margin-top: 12px;
	
}
.tmpcanvascss{
	border:1px solid #888888
}
.btnContainer {
	text-align: center;
	font-size: 40pt;
	width: 100%;
	clear: both;
	position: relative;
	margin-top: 10;
	display: flex;
	justify-content: space-between;
	/*bottom: 10;*/
}
.comment_titlecss {
	font-size: 20px;
	clear: both
}
			
			
.signImagecss {
	-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
	overflow: scroll;
	border: 1px solid #888888;/*rgb(229, 229, 229)*/
	background: #fff;
}
.signImagecss > img {
	width: 50px !important;
	height: 50px !important;  
	margin-top: 5px !important;
}
#leftView{
	float: left;
  clear: none;
	margin-bottom: 12px;
}
#holder_sign {
  display: flex;
  font-family: PingFangSC-Medium;
  font-size: 20px;
  color: #333333;
  letter-spacing: 0;
  font-weight: bold;
}

#holder_name {
  font-family: PingFangSC-Medium;
  font-size: 20px;
  color: #333333;
  letter-spacing: 0;
  font-weight: bold;
	margin: 0 8px 0 0;
	vertical-align: middle;
	text-align: center;
	display: table-cell;
}
#sign_desc_box {
	margin-bottom: 12px;
	font-family: PingFangSC-Regular;
	font-size: 18px;
	color: #F39800;
	text-align: center;
	line-height: 24px;
	font-weight: 400;
}
#pizhuDiv{width:100%; border-top:#D5D5D5 1px solid; clear: both;}
.pzCss{float:left; text-align: center; border-right: #D5D5D5 1px solid; border-bottom: #D5D5D5 1px solid; color: #D5D5D5; position: relative;}
.canvasCss{width:100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2;}

.select_p{
	color: #F39800;
}
.mass_anysign_p{
	cursor:pointer;
}